.append-bottom-10 {
    margin-bottom: 10px;
}
.append-bottom-15 {
    margin-bottom: 15px;
}
.append-top-20{
	margin-top: 20px;
}
.foot-links a {
    margin-right: 15px;
}
.entrance-panel .login-heading h3,
 .sign-up-form .sign-up-heading h3, 
 .reset-pwd-form .reset-pwd-heading h3,
 .resend-confirm-email-form .resend-confirm-email-heading h3{
    font-weight: 300;
    line-height: 2;
}
.entrance-panel .form-control {
    background-color: #F5F5F5;
    font-size: 16px;
    padding: 14px 10px;
    width: 100%;
    height: auto;
}
.entrance-panel .form-control.top {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.entrance-panel .form-control.bottom {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.entrance-panel .form-control.middle {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.entrance-panel .login-body button, 
.entrance-panel .sign-up-body button, 
.entrance-panel .reset-pwd-body button,
.entrance-panel .change-pwd-body button,
 .entrance-panel .resend-confirm-email-body button{
    width: 100%;
    padding: 10px;
}
.entrance-panel .sign-up-body button,
.entrance-panel .resend-confirm-email-body button {
    color: #ffffff;
    background-color: #019875;
    border-color: #019875;
}
.entrance-panel .callout-panel {
    background-color: #f4f8fa;
    color: #34789a;
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
    border-color: #bce8f1;
}
.entrance-panel .login-form {
    padding-left: 20px;
}
.entrance-panel .brand-holder {
    border-right: 1px solid #eee;
}
.foot-links {
    line-height: 80px;
}
/*sticky footer start*/

html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    
    margin-bottom: 80px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    
    height: 80px;
    border-top: 1px solid #eee;
}
/*sticky footer end*/

/*validation css start*/
.validation-success {
    opacity: 1;
    display: block;
    position: absolute;
    right: -7.2px;
    bottom: -7.2px;
    font-size: 28.8px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 36px;
    color: #62b14c;
    transition: all ease-out 0.32s;
}
.validation-success:after {
    display: block;
    content: '\e013';
    font-family: 'Glyphicons Halflings';
}
.validation-success.ng-hide {
    transition-delay: 0s;
    transition: all ease-out 0s;
    opacity: 0;
    transform: rotate(360deg);
}
.ng-hide-remove li {
    opacity: 0;
}
.validation {
    color: #fff;
    margin: 0;
    position: relative;
    font-size: 14px;
    overflow: visible;
    background: #c00640;
}
.validation ul {
    display: block;
    overflow: hidden;
}
.validation li {
    display: block;
    line-height: 1;
    background: #c00640;
    position: absolute;
    right: -4px;
    top: -10px;
    text-align: center;
    font-weight: bold;
    padding: 2px 10px;
    color: #fff;
    transform: rotate(0deg);
    transition: all ease-out 0.2s;
    opacity: 1;
    transition-delay: 0s;
}
.validation li.ng-enter {
	transition: all ease-out 0.12s;
    opacity: 0;
    transform: rotate(20deg);
    right: -20px;
}
.validation li.ng-leave {
    transition: all ease-in 0s;
    opacity: 0;
    outline: 30px solid red;
}
*:focus + .validation li {
    background-color: #63bff8 !important;
}
input.ng-touched.ng-invalid:not(.ng-valid), textarea.ng-touched.ng-invalid:not(.ng-valid), select.ng-touched.ng-invalid:not(.ng-valid) {
    border-color: #c00640;
}
input:focus, input:focus.ng-touched.ng-invalid:not(.ng-valid), textarea:focus, textarea:focus.ng-touched.ng-invalid:not(.ng-valid), select:focus, select:focus.ng-touched.ng-invalid:not(.ng-valid) {
    border-color: #63bff8;
}
input.ng-valid-required.ng-valid:not(.ng-invalid), textarea.ng-valid-required.ng-valid:not(.ng-invalid), select.ng-valid-required.ng-valid:not(.ng-invalid) {
    border-color: #62b14c;
}
/*form[class*="ng-invalid"] button.btn {
    background: #63bff8;
    transition: none;
}
form button.btn {
    transition: all ease-in 0.5s;
    background: #62b14c;
}*/
/*validation css end*/
